// 1.获取所有的li标签
let liArr=document.querySelectorAll(".apiList li a");
console.log(liArr)
// 2.遍历liArr这个伪数组
liArr.forEach(function(v,i){
    // 3.鼠标移入时的效果
    let imgName;
    v.onmouseover=function(){
        // 获取当前li里面的img标签的src属性
        let imgUrl=v.children[0].src;
        console.log('图片地址',imgUrl)
        // 图片地址最后一个/的下标，不包含/，要在下标后面+1
        let start=imgUrl.lastIndexOf("/")+1
        // 图片地址里最后一个.的下标
        let end=imgUrl.lastIndexOf(".")
        // 字符串截取str.slice
        imgName=imgUrl.slice(start,end)
        // 将截取到的图片名称拼接到图片的src中
        v.children[0].src=`../images/${imgName}-c.svg`
        // 变更li（v）的背景颜色
        v.style.background="blue";

    }
    // 移出事件
    v.onmouseout=function(){
        console.log(imgName);
        v.children[0].src=`../images/${imgName}.svg`
         // 变更li（v）的背景颜色
         v.style.background='#fff';
    }
});
//返回顶部
let toTop=document.querySelector('.toTop');
        
toTop.onclick=function(){
    //将滚动条的高度赋值给变量，递减
    let y=window.scrollY;  

    //设置定时器，不断执行滚动条位置
    let timer=setInterval(function(){
        //y不断减少
        y-=100;   
        //滚动到某个位置
        window.scrollTo(0,y);

        //回到顶部，清楚定时器
        if(y<=0){
            clearInterval(timer);
        }
    },20);
}
window.onscroll=function(){
    console.log(window.scrollY)
    if(window.scrollY>=600){
        toTop.style.display='block';
    }else{
        toTop.style.display='none';
    }
}